<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN CONTAINER -->
	<!-- BEGIN CONTENT -->
		<!--表格操作按钮组-->
		<table class="table table-striped table-bordered table-hover" id="table_1">
		<thead>
			<tr>
				<th>角色编码</th>
				<th>角色名称</th>
				<th>业务系统名称</th>
				<th>角色备注</th>
				<th>是否使用</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<tr class="odd gradeX" ng-repeat="role in roleList  track by $index" on-loaded="{{$last}}" target-table="table_1">
				<td>
					<span ng-bind="role.roleId"></span>
				</td>
				<td>
					<span ng-bind="role.roleName"></span>
				</td>
				<td>
					<span ng-bind="role.sysCode | getValueInArgFilter : systemInfoMap : 'sysName' "></span>
				</td>
				<td>
					<span ng-bind="role.remark"></span>
				</td>
				<td>
					<span ng-bind="role.isValid | getValueInStaticFilter : 'validArray'"></span>
				</td>
				<td>
					<a class="btn" href="javascript:;"  data-target="#menuAssignModel" 
					data-toggle="modal" ng-click="menuAssign(role);">
						菜单分配
					</a>
					<a class="btn" href="javascript:;"  data-target="#resourceAssignModel" 
					data-toggle="modal" ng-click="resourceAssign(role);">
						资源分配
					</a>
				</td>
			</tr>
		</tbody>
		</table>
		
		<div id="menuAssignModel" class="modal fade" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title">菜单分配</h4>
					</div>
					<div class="modal-body form">
						<div class="form-group alert row">
							<p></p>
							<div class="col-sm-5" style="padding:0px">
								<!-- <select multiple="multiple" class="selectAll" id="leftSelect">
									<option ng-dblclick="selectRole(role,$index);" value="{{$index}}" 
									ng-hide=""
									ng-repeat="menu in menuList track by $index" ">
										{{menu.menuName}}
									</option>
								</select> -->
								<div id="roleMenuAssignMenuZtree" class="ztree">
									
								</div>
							</div>							
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
						<button type="button" class="btn btn-primary" ng-click="saveRoleMenuOper();">
						<i class="fa fa-check"></i>保存</button>
					</div>
				</div>
			</div>
	</div>
	<div id="resourceAssignModel" class="modal fade" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title">资源分配</h4>
					</div>
					<div class="modal-body form">
						<div class="form-group alert row">
							<p></p>
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">可分配资源</p>
								
								<div class="col-md-12" style="padding-left: 0px; padding-right: 0px;">
									<input type="text" placeholder="筛选" id="unAssignFilterInput" 
									class="form-control ng-valid ng-dirty ng-valid-parse ng-touched" 
									ng-change="filterResource('leftSelect', true)" 
									ng-model="unAssignFilterModel" style="height: 28px margin-bottom: 10px;margin-bottom: 10px;">
								</div>
								
								<select multiple="multiple" class="selectAll" id="leftSelect">
									
								</select>
							</div>
							<div class="col-sm-2" style="color:#018DAE;padding-top:80px;text-align: center">
								<a style="display: block;"><i class="fa fa-chevron-circle-left" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="leftClick();"></i></a>
								<a style="display: block;"><i class="fa fa-chevron-circle-right" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="rightClick();"></i></a>
							</div>
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">已分配资源</p>
								
								<div class="col-md-12" style="padding-left: 0px; padding-right: 0px;">
									<input type="text" placeholder="筛选" id="assignFilterInput" 
									class="form-control ng-valid ng-dirty ng-valid-parse ng-touched" 
									ng-change="filterResource('rightSelect', false)" 
									ng-model="assignFilterModel" style="height: 28px margin-bottom: 10px;margin-bottom: 10px;">
								</div>
								
								<select multiple="multiple" class="selectAll" id="rightSelect">
								</select>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
						<button type="button" class="btn btn-primary" ng-click="modifyRoleResourceOper();">
						<i class="fa fa-check"></i>保存</button>
					</div>
				</div>
			</div>
	</div>
</div>
	<!-- END CONTENT -->

<!-- END CONTAINER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->



</body>
<!-- END BODY -->
</html>
<script src="manageView/assets/scripts/public.js" type="text/javascript"></script>
